﻿<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
	{include file='export-head' /}
<title>订单列表</title>
</head>
<body>
<nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span> 订单管理 <span class="c-gray en">&gt;</span> 订单列表 <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont">&#xe68f;</i></a></nav>
<div class="page-container">
	<!--查询-->
	<div class="search text-c">
		<input type="text" name="" id="" placeholder=" 订单编号" style="width:250px" class="input-text">
		<button name="" id="" class="btn btn-success" type="submit"><i class="Hui-iconfont">&#xe665;</i> 搜订单</button>
	</div>
	<form hidden id="search-form" action="" method="post">
		<div class="panel mt-20">
			<div class="panel-heading">
				<span>查询条件</span>
				<a href="javascript:;" onclick="searchAdv()" class="directive-close"><i class="layui-icon">&#x1006;</i></a>
			</div>
			<div class="panel-body">
				<div class="search-adv">
					<ul class="search-ul">
						<li>
							<button class="btn btn-primary tab">订单编号：</button>
							<span class="select-ctrl">
							<select name="" class="select">
								<option value="0">等于</option>
								<option value="1">大于</option>
								<option value="2">小于</option>
								<option value="3">不等于</option>
							</select>
						</span>
							<input type="text" name="order_no" class="input-text main-input">
						</li>
						<li>
							<button class="btn btn-primary tab">日期范围：</button>
							{literal}
							<input type="text" onfocus="WdatePicker({ maxDate:'#F{$dp.$D(\'logmax\')||\'%y-%M-%d\'}' })" id="logmin" class="input-text Wdate">
							-
							<input type="text" onfocus="WdatePicker({ minDate:'#F{$dp.$D(\'logmin\')}',maxDate:'%y-%M-%d' })" id="logmax" class="input-text Wdate">
							{/literal}
						</li>
						<li>
							<button class="btn btn-primary tab">企业报送类型：</button>
							<span class="select-ctrl">
							<select name="" class="select">
								<option value="0">等于</option>
								<option value="1">大于</option>
								<option value="2">小于</option>
								<option value="3">不等于</option>
							</select>
						</span>
							<span class="main-select">
							<select name="" class="select">
								<option value="1">新增</option>
								<option value="2">变更</option>
								<option value="3">删除</option>
							</select>
						</span>
						</li>
						<li>
							<button class="btn btn-primary tab">订单编号：</button>
							<span class="select-ctrl">
							<select name="" class="select">
								<option value="0">等于</option>
								<option value="1">大于</option>
								<option value="2">小于</option>
								<option value="2">不等于</option>
							</select>
						</span>
							<input type="text" name="order_no" class="input-text main-input">
						</li>
						<li>
							<button class="btn btn-primary tab">订单编号：</button>
							<span class="select-ctrl">
							<select name="" class="select">
								<option value="0">等于</option>
								<option value="1">大于</option>
								<option value="2">小于</option>
								<option value="2">不等于</option>
							</select>
						</span>
							<input type="text" name="order_no" class="input-text main-input">
						</li>
						<li>
							<button class="btn btn-primary tab">订单编号：</button>
							<span class="select-ctrl">
							<select name="" class="select">
								<option value="0">等于</option>
								<option value="1">大于</option>
								<option value="2">小于</option>
								<option value="2">不等于</option>
							</select>
						</span>
							<input type="text" name="order_no" class="input-text main-input">
						</li>
						<li>
							<button class="btn btn-primary tab">订单编号：</button>
							<span class="select-ctrl">
							<select name="" class="select">
								<option value="0">等于</option>
								<option value="1">大于</option>
								<option value="2">小于</option>
								<option value="2">不等于</option>
							</select>
						</span>
							<input type="text" name="order_no" class="input-text main-input">
						</li>
						<li>
							<button class="btn btn-primary tab">订单编号：</button>
							<span class="select-ctrl">
							<select name="" class="select">
								<option value="0">等于</option>
								<option value="1">大于</option>
								<option value="2">小于</option>
								<option value="2">不等于</option>
							</select>
						</span>
							<input type="text" name="order_no" class="input-text main-input">
						</li>
						<li>
							<button class="btn btn-primary tab">订单编号：</button>
							<span class="select-ctrl">
							<select name="" class="select">
								<option value="0">等于</option>
								<option value="1">大于</option>
								<option value="2">小于</option>
								<option value="2">不等于</option>
							</select>
						</span>
							<input type="text" name="order_no" class="input-text main-input">
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="search-btns text-c mt-20">
			<input class="btn btn-primary radius" type="submit" value="查询" style="width: 80px;line-height: 1.5!important">
			<input class="btn btn-primary radius" type="reset" value="清空" style="width: 80px;line-height: 1.5!important;">
		</div>
	</form>
	<!--数据显示-->
	<div class="cl pd-5 bg-1 bk-gray mt-20">
		<span class="l">
			<a href="javascript:;" onclick="searchAdv()" class="btn btn-primary radius"><i class="layui-icon">&#xe615;</i> 高级查询</a>
			<a class="btn  btn-success radius" data-title="导出Excel表" onclick="exportTable()" href="javascript:;"><i class="Hui-iconfont">&#xe644;</i> 导出Excel表</a>
			<a id="uploadExcel" class="btn  btn-secondary radius" data-title="导入数据(Excel)" href="javascript:;"><i class="Hui-iconfont">&#xe645;</i> 导入数据(Excel)</a>
		</span>
		<span class="r total">共有数据：<strong></strong> 条</span>
	</div>
	<div class="mt-20 datas">
		<table id="orderLists" lay-filter="olist"></table>
	</div>
	<form hidden id="postData" action="{:url('admin/Order/exportData')}" method="post">

	</form>
</div>
{include file='export-footer' /}

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="__PUBLIC__/lib/My97DatePicker/4.8/WdatePicker.js"></script>
<script type="text/javascript" src="__PUBLIC__/lib/datatables/1.10.0/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="__PUBLIC__/lib/laypage/1.2/laypage.js"></script>
<script type="text/javascript">
layui.config({
	debug : true,
	version : true	 //清除缓存
});
//$.ajax({
//    url: "{:url(\'order/getDatas\')}",
//    success: function (res) {
//        //执行渲染
//
//    },
//    error: function () {
//        layer.open({
//            msg: "出错啦，快找管理猿！"
//        });
//    }
//});
layui.use(['table','layer','upload'],function () {
    var table = layui.table;
    var layer = layui.layer;
    var $ = layui.jquery;
    var upload = layui.upload;
    table.render({
        elem: '#orderLists' //指定原始表格元素选择器（推荐id选择器）
        ,id: 'main'
        ,height: 288 //容器高度
//        ,data: res.data
		,url: '{:url(\'order/getDatas\')}'
//        ,initSort: {
//            field: 'autonum' //排序字段，对应 cols 设定的各字段名
//            ,type: 'asc' //排序方式  asc: 升序、desc: 降序、null: 默认排序
//        }
//		,height: 'full-600'
        ,cols: [[ //标题栏
            {checkbox: true} //默认全选
            ,{field: 'autonum', title: 'No.',filter: 'autonum', width: 80, sort: true}
            ,{field: 'order_no', title: '订单编号', width: 230, sort: true}
            ,{field: 'consignee', title: '收货人名称', width: 150}
            ,{field: 'consignee_telephone', title: '收货人电话', width: 150}
            ,{field: 'buyer_id_number', title: '身份证', width: 230}
            ,{field: 'consignee_address', title: '收货详细地址', width: 250}
            ,{field: 'note', title: '备注', width: 100}
            ,{field: 'item_name', title: '商品名称', width: 300}
            ,{field: 'item_no', title: '商品编号', width: 230, sort: true}
            ,{field: 'item_describe', title: '商品批次', width: 200}
            ,{field: 'qty', title: '数量', width: 100, sort: true}
            ,{field: 'price', title: '售价', width: 100, sort: true}
            ,{field: 'currency', title: '币种', width: 100}
            ,{field: 'listnote', title: 'CNY汇率', width: 100}
        ]]
        ,skin: 'row' //表格风格
        ,even: true
        ,page: true //是否显示分页
        ,limits: [5, 7, 10]
        ,limit: 5 //每页默认显示的数量
        ,done: function(res, curr, count){
            //如果是异步请求数据方式，res即为你接口返回的信息。
            //如果是直接赋值的方式，res即为：{data: [], count: 99} data为当前页数据、count为数据总长度
            $(".total").children("strong").html(count);
        }
    });
    //excel上传
    var uploadInst = upload.render({
        elem: '#uploadExcel' //绑定元素
        ,url: "{:url('admin/Order/importData')}" //上传接口
		,accept: "file"
		,exts: "xls|xlsx"
		,field: "excelFile"
        , done: function (res) {
            //上传完毕回调
			if (res.code == 0000) {
			    layer.open({
					content: "导入数据成功！"
				});
			}else{
                layer.open({
                    content: "导入数据失败，可能订单信息已存在数据库，请去掉重试，仍然失败请找管理猿！"
                });
                console.log(res.error);
			}
        }
        , error: function () {
            //请求异常回调
            layer.open({
                content: "上传失败！"
            });
        }
    });
//    });
    //同步服务端排序
//    table.on('sort(olist)', function(obj){ //注：tool是工具条事件名，autonum是table原始容器的属性 lay-filter="对应的值"
////        console.log(obj.field); //当前排序的字段名
////        console.log(obj.type); //当前排序类型：desc（降序）、asc（升序）、null（空对象，默认排序）
////        console.log($(this)); //当前排序的 th 对象
//
//        //尽管我们的 table 自带排序功能，但并没有请求服务端。
//        //有些时候，你可能需要根据当前排序的字段，重新向服务端发送请求，如：
//        table.reload('main', {
//            initSort: obj //记录初始排序，如果不设的话，将无法标记表头的排序状态。 layui 2.1.1 新增参数
//            ,where: { //请求参数
//                field: obj.field //排序字段
//                ,order: obj.type //排序方式
//            }
//        });
//    });
});

$(document).ready(function () {
});
function exportTable() {
    layui.use(['table','layer'],function (table,layer) {
        var $ = layui.jquery;
		var checkStatus = table.checkStatus('main');
		data = checkStatus.data;
		if (data.length>0) {
			//将被选中的数据对象转换成字符串，后通过表单向后台提交并获取导出的文件
            html = "";
            $(data).each(function (index,obj) {
                html+= "<input type=\"text\" name=\"data[]\" value='"+JSON.stringify(obj)+"'>";
			});
            $("#postData").append(html);
            $("#postData").submit().empty();
        }else{
		    layer.msg("没选择数据呀",{'time':"1000"});
		}
    });
}

//显示高级查询
function searchAdv() {
    $(".search").toggle("500");
    $("#search-form").toggle("1000");
}

/*订单-添加*/
function article_add(title,url,w,h){
	var index = layer.open({
		type: 2,
		title: title,
		content: url
	});
	layer.full(index);
}
/*订单-编辑*/
function article_edit(title,url,id,w,h){
	var index = layer.open({
		type: 2,
		title: title,
		content: url
	});
	layer.full(index);
}
/*订单-删除*/
function article_del(obj,id){
	layer.confirm('确认要删除吗？',function(index){
		$.ajax({
			type: 'POST',
			url: '',
			dataType: 'json',
			success: function(data){
				$(obj).parents("tr").remove();
				layer.msg('已删除!',{icon:1,time:1000});
			},
			error:function(data) {
				console.log(data.msg);
			},
		});		
	});
}

/*订单-审核*/
function article_shenhe(obj,id){
	layer.confirm('审核文章？', {
		btn: ['通过','不通过','取消'], 
		shade: false,
		closeBtn: 0
	},
	function(){
		$(obj).parents("tr").find(".td-manage").prepend('<a class="c-primary" onClick="article_start(this,id)" href="javascript:;" title="申请上线">申请上线</a>');
		$(obj).parents("tr").find(".td-status").html('<span class="label label-success radius">已发布</span>');
		$(obj).remove();
		layer.msg('已发布', {icon:6,time:1000});
	},
	function(){
		$(obj).parents("tr").find(".td-manage").prepend('<a class="c-primary" onClick="article_shenqing(this,id)" href="javascript:;" title="申请上线">申请上线</a>');
		$(obj).parents("tr").find(".td-status").html('<span class="label label-danger radius">未通过</span>');
		$(obj).remove();
    	layer.msg('未通过', {icon:5,time:1000});
	});	
}
/*订单-下架*/
function article_stop(obj,id){
	layer.confirm('确认要下架吗？',function(index){
		$(obj).parents("tr").find(".td-manage").prepend('<a style="text-decoration:none" onClick="article_start(this,id)" href="javascript:;" title="发布"><i class="Hui-iconfont">&#xe603;</i></a>');
		$(obj).parents("tr").find(".td-status").html('<span class="label label-defaunt radius">已下架</span>');
		$(obj).remove();
		layer.msg('已下架!',{icon: 5,time:1000});
	});
}

/*订单-发布*/
function article_start(obj,id){
	layer.confirm('确认要发布吗？',function(index){
		$(obj).parents("tr").find(".td-manage").prepend('<a style="text-decoration:none" onClick="article_stop(this,id)" href="javascript:;" title="下架"><i class="Hui-iconfont">&#xe6de;</i></a>');
		$(obj).parents("tr").find(".td-status").html('<span class="label label-success radius">已发布</span>');
		$(obj).remove();
		layer.msg('已发布!',{icon: 6,time:1000});
	});
}
/*订单-申请上线*/
function article_shenqing(obj,id){
	$(obj).parents("tr").find(".td-status").html('<span class="label label-default radius">待审核</span>');
	$(obj).parents("tr").find(".td-manage").html("");
	layer.msg('已提交申请，耐心等待审核!', {icon: 1,time:2000});
}

</script> 
</body>
</html>